body,p,input,h1,h2,h3,h4,h5,h6,ul,li,form,textarea,div{
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:middle;
	}
body{
	-o-text-size-adjust:none;
	-moz-size-adjust:none;
	-webkit-text-size-adjust:none;
	font-family:Helvetica;
	color:#704b3e;
	font-size:0;
	min-width:320px;
	padding-bottom:30px;
	height:100%;
	background: #e93c36;

-o-tap-highlight-color: rgba(0,0,0,0);
-ms-tap-highlight-color: rgba(0,0,0,0); 
-moz-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: rgba(0,0,0,0);
-o-tap-highlight-color:transparent;
-ms-tap-highlight-color:transparent; 
-moz-tap-highlight-color:transparent;
-webkit-tap-highlight-color:transparent;

}
em,i{
	font-style:normal;
}
img{
	border:0;
	max-width:100%;
	width:100%;
}
a{
	text-decoration:none;
    -o-tap-highlight-color: rgba(0,0,0,0);
    -ms-tap-highlight-color: rgba(0,0,0,0);
    -moz-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -o-tap-highlight-color:transparent;
    -ms-tap-highlight-color:transparent;
    -moz-tap-highlight-color:transparent;
    -webkit-tap-highlight-color:transparent;
}
input,textarea{
	-o-appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
}
.clearfix:after{
	content:"";
	visibility:hidden;
	display:block;
	height:0;
	clear:both;
}
.clearfix{
	clear:both;
	zoom:1;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
*:focus{
	outline:none;
}
.tlc{
	text-align: center;
}
html {font-size:10px}
@media screen and (min-width:480px) and (max-width:639px) {
    html {
        font-size: 15px
    }
}
@media screen and (min-width:640px) and (max-width:719px) {
    html {
        font-size: 20px
    }
}
@media screen and (min-width:720px) and (max-width:749px) {
    html {
        font-size: 22.5px
    }
}
@media screen and (min-width:750px) and (max-width:799px) {
    html {
        font-size: 23.5px
    }
}
@media screen and (min-width:800px) and (max-width:959px) {
    html {
        font-size: 25px
    }
}
@media screen and (min-width:960px) and (max-width:1079px) {
    html {
        font-size: 30px
    }
}
@media screen and (min-width:1080px) {
    html {
        font-size: 32px
    }
}
/*首页*/
.content{
	height:auto;
	position:relative;
	width: 100%;
    margin: 0 auto;
    font-size: 0;
}
.phont-num-wrap{
	height:3.6rem;
	width:56.85%;
	position: absolute;
	top:62%;
	left:50%;
	margin-left:-28.425%;
	background: url(../img/photo-num-bg.jpg) no-repeat;
	background-size: cover
}
.phont-num-wrap input{
	height:3.6rem;
	width:100%;
	line-height: 3.6rem;
	border:none;
	text-align: center;
	font-size:2rem;
    background: none
}
.lottery-number{
	position: absolute;
	width: 100%;
	text-align:center;
	top:70%;
	font-size: 1.4rem;
    line-height: 2.5rem;
    color: #fff;
}
.lottery-number span {
    font-size: 2.5rem;
    line-height: 3.5rem;
    margin: 0 2.593%;
    color: #fff22f;
}
.active-rule {
    width: 40.2%;
    height:2.6rem;
    left:50%;
    margin-left:-18.1%;
    text-align: center;
    color: #fff;
    position: absolute;
    top: 79%;
    font-size: 1.6rem;
    cursor: pointer;
    background: url(../img/line.png) repeat-x center bottom;
    background-size:2% 10%;
}
.win-list{
    width:100%;
    height:auto;
    top:88.6%;
    left:0;
    position:absolute;
    padding-bottom:2rem;
}
.record-title{
    font-size:1.6rem;
    text-align:center;
    color:#fff22f;
    margin-bottom:2rem;
    padding:0.5rem 0;
}
.record-wrap {
    overflow: hidden;
}
.win-list ul{
    width:90.92%;
    margin:0 auto;
    border-radius:6px;
    -o-border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    overflow:hidden;
}
.win-list ul li{
    width:100%;
    padding:0.4rem 0.6rem;
    margin-top:0.4rem;
    box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    overflow:hidden;
    color:#fff;
    font-size:1.4rem;
}
.win-list ul li p{
	float:left;
}
.win-list ul li p:nth-child(1){
	width:36.61%;
}
.win-list ul li p:nth-child(3){
	float:right;
}
.win-list ul li p:nth-child(3) i{
	margin:0 1rem;
	color: #fff22f
}
/*活动规则弹窗*/
.active-rule-bg,.result-page-bg{
	height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background:rgba(0, 0, 0, 0.6);
    z-index:9999;
    display:none;
}
.active-rule-wrap{
	width:91.57%;
	position: absolute;
	top:20%;
	left:50%;
	margin-left:-45.785%;
}
.active-c {
	width:70%;
    height: 180px;
    overflow-y: auto;
    line-height: 2rem;
    color: #d18f63;
    font-size: 1.25rem;
    position: absolute;
    top:29%;
    left:50%;
    margin-left:-35%;
    margin-top:1rem;
}
.close-btn{
	width:5.8%;
	height: 1.6rem;
    left: 6%;
    top: 2%;
	position: absolute;
	cursor: pointer;	
	-o-tap-highlight-color: rgba(0,0,0,0);
	-ms-tap-highlight-color: rgba(0,0,0,0); 
	-moz-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-o-tap-highlight-color:transparent;
	-ms-tap-highlight-color:transparent; 
	-moz-tap-highlight-color:transparent;
	-webkit-tap-highlight-color:transparent;
}
/*中奖和未中奖页面*/
.result-page-bg{
	display: block;
}
.result-page-wrap{
	position: relative;
}
.flow-num,.result-detail{
	position: absolute;
	top:48%;
	font-size:4.4rem;
	color: #fff22f;
	text-align: center;
	width:100%;
}
.result-detail{
	top:59%;
	font-size:2rem;
}
.btn-wrap{
	width: 86.75%;
    top: 83%;
    left: 50%;
    position: absolute;
    margin-left: -40%;
}
.btn-wrap a{
	width: 48%;
    display: block;
    background: url(../img/btn-bg.png) no-repeat;
    background-size:cover;
    text-align: center;
    border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 0.8rem 0;
    color: #90312f;
    font-size: 1.8rem;
    cursor: pointer;
}
.btn-wrap a:nth-child(1){
	float: left;
}
.btn-wrap a:nth-child(2){
	float: right;
} 
/*403、404、500*/
/*404*/
.bg{
    width: 100%;
    height: 100%;
    position: relative;
}
.return {
    display: block;
    width: 57.7%;
    border:1px solid #2b3137;
    text-align: center;
    padding:0.6rem 0;
    font-size:2rem;
    color: #fff;
    background: #1377ed;
    border-radius:3px;
    -o-border-radius:3px;
    -ms-border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    position: absolute;
    top:88%;
    left:50%;
    margin-left:-28.85%;
}
.error-tip{
    position: absolute;
    width:100%;
    text-align: center;
    color: #fff;
    font-size:1.8rem;
    line-height:2.2rem;
    top:67%;
}
.money{
    color:#fff;
    font-size:2.4rem;
}